<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中国四大发明</title>
<script src="jquery/jquery-1.11.0.js"></script>
<link rel="stylesheet" href="images/style.css">
<link rel="stylesheet" href="images/style1.css" style="display:none !important;">
</head>
<body>
<div id="demo-top-bar">
    <div id="demo-bar-inside">
        <h2 id="demo-bar-badge"> <a href="/">中国四大发明</a> </h2>
        <div id="demo-bar-buttons"> <a class='header-button' href='#'>&larr; 返回</a> </div>
    </div>
</div>
<div class="page-wrap">
        <div class="gallery">
            <a href="/zhaozhishu.php">
                <img src="images/zhaozhishu.png" alt="造纸术" class="zhaozhishu" data-name="zhaozhishu"/>
            </a>
            <a href="/huoyao.php">
                <img src="images/huoyao.png" alt="火药" class="huoyao" data-name="huoyao"/>
            </a>
            <a href="/yinshuashu.php">
                <img src="images/yinshuashu.png" alt="印刷术" class="yinshuashu" data-name="yinshuashu"/>
            </a>
            <a href="/zhinanzhen.php">
                <img src="images/zhinanzhen.png" alt="指南针" class="zhinanzhen" data-name="zhinanzhen">
            </a>
        </div>    
    <p class="selected">中国四大发明</p>
    <p class="highlight"></p>
    <div class="content"></div>
</div>
<script src="images/app.js"></script>
</body>
</html> 